<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<html>  
<head>  
   <title>Query page</title>  
</head> 
	<link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	
	<script src="js/select2.min.css" rel="stylesheet"/>
	<script src="js/select2.min.js"></script>
	
    <!-- DataTables -->
    <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.13/css/jquery.dataTables.css">
    <script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.13/js/jquery.dataTables.js"></script>
     
    <script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
 
   
 

     
    <script type="text/javascript" src="/js/query.js"></script>
 
<body>
 <#include "index.ftl"/>
<div id="QueryDiv">
 <form id="QueryForm">
  
    <p>选择查询类型</p>  
	 <select id="QueryType" class="js-example-basic-single">
          <option value="1">编码查询</option>
          <option value="2">名称查询</option>
          <option value="3">注册时段</option>
          <option value="4">账号类型</option>
     </select>
   <br>  <br>  
   <input type="text" style="width:200px"  id="CodeQuery"  placeholder="请输入查询编码">
   
   <input type="text" style="width:200px"  id="NameQuery"  placeholder="请输入名称编码">

   <input type="text" id="DateRange" />
   
   <div id="TypeDiv">
    <p>选择账户类型</p>  
	<select id="AccountClass" class="js-example-basic-single">
       <option value="admin">系统管理员</option>
       <option value="normal">普通用户</option>
       <option value="VIP">会员</option>
    </select>
   </div>

 
    
   <br> 
   <button id="QueryComfirm">确定查询</button>
 
 </form>
 
</div>
  <table id="Table" class="display" width="100%">
          <thead>
            <tr>
                <th>name</th>
                <th>code</th>
                <th>remark</th>
                <th>state</th>
                <th>create_time</th>
                <th>last_login_time</th>
                <th>account_class</th>
            
            </tr>
        </thead>
  </table>
</body>
</html>